<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>游戏</title>
	<link rel="stylesheet" href="__GSTATIC__/toupiao/view/css/game.css">
	<!-- 引入jq -->
	<script src="__GSTATIC__/toupiao/view/js/jquery-3.3.1.min.js"></script>
	<!-- 引入rem -->
	<script src="__GSTATIC__/toupiao/view/js/common.js"></script>
</head>
<body>

	<!-- 首页 -->
	<div class="votePreviewPage" style="display: block;">
		<!-- 投票活动banner -->
		<div class="banner">
			<img src="__GSTATIC__/toupiao/view/images/swiper1.png" alt="">
		</div>
		<div class="gamebox">
			<!-- 活动时间 -->
			<div class="actime">
				<p>2018年7月11日 24: 12: 04</p>
			</div>

			<!-- 投票统计 -->
			<div class="tongji">
				<ul>
					<li>
						<p>参与选手</p>
						<p>10</p>
					</li>
					<li class="tjline">
						<p>累计票数</p>
						<p>20</p>
					</li>
					<li>
						<p>访问人数</p>
						<p>30</p>
					</li>
				</ul>
			</div>

			<!-- 内容搜索 -->
			<div class="search">

			</div>
			
			<!-- 投票选项 -->
			<div class="itembox">
				<ul>
					<li>
						<div class="itemimg">
							<a href="">
								<img src="__GSTATIC__/toupiao/view/images/head2.png" alt="">
							</a>
						</div>
						<div class="itemtxt">
							<p>
								<span class="playNum">1号</span>
								<span class="playName">周三土兔兔u图腾</span>
							</p>
							<p class="playTicket">23849票</p>
						</div>
						<div class="itembtn">
							<a href="">给我投票</a>
						</div>
					</li>

					<li>
						<div class="itemimg">
							<a href="">
								<img src="__GSTATIC__/toupiao/view/images/head2.png" alt="">
							</a>
						</div>
						<div class="itemtxt">
							<p>
								<span class="playNum">1号</span>
								<span class="playName">周三土兔兔u图腾</span>
							</p>
							<p class="playTicket">23849票</p>
						</div>
						<div class="itembtn">
							<a href="">给我投票</a>
						</div>
					</li>
					<li>
						<div class="itemimg">
							<a href="">
								<img src="__GSTATIC__/toupiao/view/images/head2.png" alt="">
							</a>
						</div>
						<div class="itemtxt">
							<p>
								<span class="playNum">1号</span>
								<span class="playName">周三土兔兔u图腾</span>
							</p>
							<p class="playTicket">23849票</p>
						</div>
						<div class="itembtn">
							<a href="">给我投票</a>
						</div>
					</li>
					<li>
						<div class="itemimg">
							<a href="">
								<img src="__GSTATIC__/toupiao/view/images/head2.png" alt="">
							</a>
						</div>
						<div class="itemtxt">
							<p>
								<span class="playNum">1号</span>
								<span class="playName">周三土兔兔u图腾</span>
							</p>
							<p class="playTicket">23849票</p>
						</div>
						<div class="itembtn">
							<a href="">给我投票</a>
						</div>
					</li>
				
				</ul>
			</div>

			<!-- 宣传广告 -->
			<div class="xtad">
				<span>页面技术由 新推 提供</span>
			</div>
		</div>
		<!-- 底部固定 -->
		<div class="menu">
			<a href="javascript:void(0)">
				<i class="menuPic"></i>
				<span>投票</span>
			</a>
			<a href="javascript:void(0)">
				<i class="menuPic rank"></i>
				<span>排行榜</span>
			</a>
			<a href="javascript:void(0)">
				<i class="menuPic"></i>
				<span>活动说明</span>
			</a>
			<a href="javascript:void(0)">
				<i class="menuPic"></i>
				<span>关注我们</span>
			</a>
		</div>
	</div>

	<!-- 详情页 -->
	<div class="votePreviewPage" style="display: none;">
		<div class="detailsbox">

			<div class="actime">
				<p>2018年7月11日 24: 12: 04</p>
			</div>

			<div class="detailsitem">
				<div class="detailContent">
					<div class="playerInfo">
						<img class="headImg" src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
						<div class="voteNo">1号</div>
						<div>
							<p class="joinName">周三土</p>
							<p class="voteNum">
								<span>1000</span>票
							</p>
						</div>
					</div>
					<p class="playerIntroduce">
						我是周三土,我是一名php开发者, 请大家给我投上宝贵的一票吧！(づ￣ 3￣)づ
					</p>
					<div class="playerJoinImage">
						<div class="joinImage">
							<img src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
						</div>
						<div class="joinImage">
							<img src="__GSTATIC__/toupiao/view/images/photo2.png" alt="">
						</div>
					</div>
				</div>
			</div>

			<div class="xtad">
				<span>页面技术由 新推 提供</span>
			</div>
		</div>
		<!-- 底部固定 -->
		<div class="menu">
			<a href="javascript:void(0)">
				<i class="menuPic"></i>
				<span>投票</span>
			</a>
			<a href="javascript:void(0)">
				<i class="menuPic rank"></i>
				<span>排行榜</span>
			</a>
			<a href="javascript:void(0)">
				<i class="menuPic"></i>
				<span>活动说明</span>
			</a>
			<a href="javascript:void(0)">
				<i class="menuPic"></i>
				<span>关注我们</span>
			</a>
		</div>
	</div>

	<!-- 排行榜 -->
	<div class="votePreviewPage" style="display: none;">
		<div class="rankbox">

			<div class="actime">
				<p>2018年7月11日 24: 12: 04</p>
			</div>

			<div class="rankon">
				<div class="rankimg">
					<img src="__GSTATIC__/toupiao/view/images/rank.png" alt="">
				</div>

				<div class="ranklist">
					<table cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<th>排名</th>
								<th>编号</th>
								<th>选手</th>
								<th>票数</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									<div class="rankNum">1</div>
								</td>
								<td>1号</td>
								<td>
									<img class="headImg" src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
									<div class="playerName">周三土</div>
								</td>
								<td class="voteNum">999<span>票</span></td>
							</tr>
							<tr>
								<td>
									<div class="rankNum">2</div>
								</td>
								<td>2号</td>
								<td>
									<img class="headImg" src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
									<div class="playerName">周三土</div>
								</td>
								<td class="voteNum">999<span>票</span></td>
							</tr>
							<tr>
								<td>
									<div class="rankNum">3</div>
								</td>
								<td>3号</td>
								<td>
									<img class="headImg" src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
									<div class="playerName">周三土</div>
								</td>
								<td class="voteNum">999<span>票</span></td>
							</tr>
							<tr>
								<td>
									<div class="rankNum">4</div>
								</td>
								<td>4号</td>
								<td>
									<img class="headImg" src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
									<div class="playerName">周三土</div>
								</td>
								<td class="voteNum">999<span>票</span></td>
							</tr>
							<tr>
								<td>
									<div class="rankNum">5</div>
								</td>
								<td>5号</td>
								<td>
									<img class="headImg" src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
									<div class="playerName">周三土</div>
								</td>
								<td class="voteNum">999<span>票</span></td>
							</tr>
							<tr>
								<td>
									<div class="rankNum">6</div>
								</td>
								<td>6号</td>
								<td>
									<img class="headImg" src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
									<div class="playerName">周三土</div>
								</td>
								<td class="voteNum">999<span>票</span></td>
							</tr>
							<tr>
								<td>
									<div class="rankNum">7</div>
								</td>
								<td>7号</td>
								<td>
									<img class="headImg" src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
									<div class="playerName">周三土</div>
								</td>
								<td class="voteNum">999<span>票</span></td>
							</tr>
							<tr>
								<td>
									<div class="rankNum">8</div>
								</td>
								<td>8号</td>
								<td>
									<img class="headImg" src="__GSTATIC__/toupiao/view/images/photo1.jpg" alt="">
									<div class="playerName">周三土</div>
								</td>
								<td class="voteNum">999<span>票</span></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>

			<div class="xtad">
				<span>页面技术由 新推 提供</span>
			</div>	
		</div>
		<!-- 底部固定 -->
		<div class="menu">
			<a href="javascript:void(0)">
				<i class="menuPic"></i>
				<span>投票</span>
			</a>
			<a href="javascript:void(0)">
				<i class="menuPic rank"></i>
				<span>排行榜</span>
			</a>
			<a href="javascript:void(0)">
				<i class="menuPic"></i>
				<span>活动说明</span>
			</a>
			<a href="javascript:void(0)">
				<i class="menuPic"></i>
				<span>关注我们</span>
			</a>
		</div>
	</div>

</body>
</html>
